<template>
  <el-input
    :readonly="item.plugin.readonly"
    :style="{'width':item.plugin.customizeStyle.width}"
    :disabled="item.plugin.disabled"
    :placeholder="item.plugin.placeholder"
    :show-word-limit="item.plugin.showWordLimit"
    :maxlength="item.plugin.maxlength"
    type="textarea"
    v-model="form.data[item.prop]">
    <template v-if="item.plugin.prepend" slot="prepend">{{ item.plugin.prepend }}</template>
    <template v-if="item.plugin.append" slot="append">{{ item.plugin.append }}</template>
  </el-input>
</template>

<script>
export default {
  name: "xl-input",
  props: {
    dictionary: {
      type: Object,
      default: {}
    },
    item: {
      type: Object,
      default: {}
    },
    form: {
      type: Object,
      default() {
        return {
          parentId: "",
          list: [],
          rules: {},
          childTable: []
        }
      }
    }
  },
  data() {
    return {
      deptData: [],
      user: {
        show: false,
        infos: ""
      },
    }
  }
}
</script>
